<template>
    <div style="width:100%;height:200px;">
        <el-row style="width:100%;height:200px;padding-top:20px;">
            <el-col class="every-col"><!--图标-->
                <img src="../../assets/img/common/logo2.png" class="logo">
            </el-col>
            <el-col class="every-col">
                <el-row class="font">关于我们</el-row>
                <el-row class="font">我们是智享图书管理系统</el-row>
            </el-col>
            <el-col class="every-col">
                <el-row class="font">联系我们</el-row>
                <el-row class="font">地址：中南大学铁道学院</el-row>
                <el-row class="font">电话：88888888</el-row>
                <el-row class="font">1234@csu.edu.cn</el-row>
            </el-col>
            <el-col class="every-col">
                <el-row class="font">版权声明</el-row>
                <el-row class="font">版权声明本网站的所有内容皆为原创<br>未经授权禁止转载及商用</el-row>
            </el-col>
        </el-row>

    </div>
</template>
<script>
export default{
    name:'bottom',
    data(){
        return{

        }
    },
    methods:{

    }
}
</script>
<style scoped>
.every-col{
    width:25%;
    height:100%;
    display: flex;
    flex-direction: column;
}
.logo{
    height:auto;
    width:60%;
    margin-left:50px;
}
.font{
    letter-spacing: 2px;
    margin-top:10px;
}
</style>